<template>
  <div class="big">
    <el-row>
      <el-col :span="8"
        ><div class="grid-content bg-purple" style="text-align: center">
          <el-card class="zidingyi" :body-style="{ padding: '0px' }">
            <img
              style="
                margin: auto 0;
                margin-top: 15px;
                border-radius: 50%;
                width: 200px;
                height: 200px;
              "
              src="https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-31/4e619a56-e840-4201-878a-4a3b6609ab04_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221031201023.jpg"
              alt=""
            />
          </el-card>
        </div></el-col
      >
      <el-col :span="8"
        ><div class="grid-content bg-purple" style="text-align: center">
          <el-card class="zidingyi" :body-style="{ padding: '0px' }">
            <img
              style="
                margin: auto 0;
                margin-top: 15px;
                border-radius: 50%;
                width: 200px;
                height: 200px;
              "
              src="https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-31/7c8940f6-d439-4d69-8923-8d09ffa0f90d_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221031200345.jpg"
              alt=""
            />
          </el-card>
        </div></el-col
      >

      <el-col :span="8" style=""
        ><div class="grid-content bg-purple" style="text-align: center">
          <el-card class="zidingyi" :body-style="{ padding: '0px' }">
            <img
              style="
                margin: auto 0;
                margin-top: 15px;
                border-radius: 50%;
                width: 200px;
                height: 200px;
              "
              src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201408%2F11%2F20140811205434_NT5xW.thumb.1000_0.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669809748&t=fa1302bab4a19ee416cfad616c52a5bc"
              alt=""
            />
          </el-card>
        </div>
      </el-col>
      <el-col :span="8" style="margin-top: 20px"
        ><div class="grid-content bg-purple" style="text-align: center">
          <el-card class="zidingyi" :body-style="{ padding: '0px' }">
            <img
              style="
                margin: auto 0;
                margin-top: 15px;
                border-radius: 50%;
                width: 200px;
                height: 200px;
              "
              src="https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-31/15b3b201-c4b4-44ba-827f-b9ca8524a88e_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221031201126.jpg"
              alt=""
            />
          </el-card>
        </div></el-col
      >
      <el-col :span="8" style="margin-top: 20px"
        ><div class="grid-content bg-purple" style="text-align: center">
          <el-card class="zidingyi" :body-style="{ padding: '0px' }">
            <img
              style="
                margin: auto 0;
                margin-top: 15px;
                border-radius: 50%;
                width: 200px;
                height: 200px;
              "
              src="https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-31/c51d17e6-4b25-4bf2-8d0a-28b64701b639_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221031200840.jpg"
              alt=""
            />
          </el-card>
        </div></el-col
      >
    </el-row>
  </div>
</template>

<script>
export default {
  //import 引入的组件需要注入到对象中才能使用
  components: {},
  props: {},
  data() {
    //这里存数据
    return {};
  },
  //计算属性
  computed: {},
  //监控data中数据变化
  watch: {},
  //方法
  methods: {},
  //声明周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //声明周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁之后
  activated() {}, //缓存keep-alive
};
</script>

<style scoped>
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100%;
  display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
.zidingyi {
  background-color: rgb(73, 95, 155);
  /* background-color: rgb(8, 23, 233); */
  width: 300px;
}
.big {
  /* background-image: url("https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-16/b574642c-7a0c-4cdc-8c6e-88cc69b968b3_you01.jpg"); */
}
</style>